<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>index</title>
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/base.css" />
</head>

<body>
    <!-- header -->
    <header class="pg-header">
        <div class="wid clearfix">
            <a href="index.html" class="logo fl"><img src="./images/logo.png" /></a>
            <div class="fr clearfix">
                <a href="#login-modal" data-toggle="modal" class="logo-btn">客户登录</a>
                <nav class="nav">
                    <ul class="clearfix">
                        <li>
                            <a href="index.html">首页</a>
                        </li>
                        <li>
                            <a href="about.html">走近云水泉<i class="iconfont icon-xiasanjiao"></i></a>
                            <div class="menu">
                                <div class="menu-list"> <a href="about.html" class="menu-a">公司介绍</a>
                                    <a href="idea.html" class="menu-a">投资理念</a>
                                    <a href="contact.html" class="menu-a">联系我们</a></div>
                            </div>
                        </li>
                        <li>
                            <a href="news.html">云水泉动态<i class="iconfont icon-xiasanjiao"></i></a>
                            <div class="menu">
                                <div class="menu-list">
                                    <a href="news.html" class="menu-a">云水泉动态</a>
                                    <a href="viewpoint.html" class="menu-a">云水泉观点</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="product.html">投资者服务<i class="iconfont icon-xiasanjiao"></i></a>
                            <div class="menu">
                                <div class="menu-list">
                                    <a href="product.html" class="menu-a">产品咨询</a>
                                    <a href="control.html" class="menu-a">合理风控</a>
                                    <a href="process.html" class="menu-a">认购流程</a></div>
                            </div>
                        </li>
                        <li>
                            <a href="join.html">加入云水泉</a>
                        </li>
                        <li>
                            <a href="business.html">集团业务</a>
                        </li>
                    </ul>
                </nav>

            </div>

        </div>

    </header>
    <!-- header-end -->
    <!-- banner -->
    <div class="banner inner-banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-image: url(./images/product-banner.jpg)"></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"><i class="iconfont icon-mjiantou-copy-copy"></i></div>
            <div class="swiper-button-prev"><i class="iconfont icon-mjiantou-copy"></i></div>
        </div>
    </div>
    <!--banner-end-->
    <div class="inner-nav">
        <a href="process.html">
            认购流程
        </a>
        <a href="product.html">
            产品咨询
        </a>
        <a href="windControl.html" class="active">
            合规风控
        </a>
    </div>
    <!-- 主体 -->
    <div class="wid index-main">
        <div class="wind-list">

            <ul class="clearfix">
                <li>
                    <a href="">
                        <h4 class="wind-tit">最高人民法院 中国证券监督管理委员会 关于全面推进证券期货纠纷多元化
                            解机制建设的意见</h4>
                        <article class="win-con">最高人民法院中国证券监督管理委员会印发《关于全面推进证券期货纠纷多元化解机
                            制建设的意见》的通知各省、自治区、直辖市高级人民法院，新疆维吾尔自治区高级
                            人民法院生产建设兵团分院；中国证监会各派出机制...</article>

                        <small class="wind-bt">
                            <span>来源：中国证监会</span>
                            <span>作者：中国证监会创建</span>
                            <span>浏览：<i class="red">1299</i></span>
                        </small>
                    </a>
                </li>
                <li>
                    <a href="">
                        <h4 class="wind-tit">最高人民法院 中国证券监督管理委员会 关于全面推进证券期货纠纷多元化
                            解机制建设的意见</h4>
                        <article class="win-con">最高人民法院中国证券监督管理委员会印发《关于全面推进证券期货纠纷多元化解机
                            制建设的意见》的通知各省、自治区、直辖市高级人民法院，新疆维吾尔自治区高级
                            人民法院生产建设兵团分院；中国证监会各派出机制...</article>

                        <small class="wind-bt">
                            <span>来源：中国证监会</span>
                            <span>作者：中国证监会创建</span>
                            <span>浏览：<i class="red">1299</i></span>
                        </small>
                    </a>
                </li>
                <li>
                    <a href="">
                        <h4 class="wind-tit">最高人民法院 中国证券监督管理委员会 关于全面推进证券期货纠纷多元化
                            解机制建设的意见</h4>
                        <article class="win-con">最高人民法院中国证券监督管理委员会印发《关于全面推进证券期货纠纷多元化解机
                            制建设的意见》的通知各省、自治区、直辖市高级人民法院，新疆维吾尔自治区高级
                            人民法院生产建设兵团分院；中国证监会各派出机制...</article>

                        <small class="wind-bt">
                            <span>来源：中国证监会</span>
                            <span>作者：中国证监会创建</span>
                            <span>浏览：<i class="red">1299</i></span>
                        </small>
                    </a>
                </li>
                <li>
                    <a href="">
                        <h4 class="wind-tit">最高人民法院 中国证券监督管理委员会 关于全面推进证券期货纠纷多元化
                            解机制建设的意见</h4>
                        <article class="win-con">最高人民法院中国证券监督管理委员会印发《关于全面推进证券期货纠纷多元化解机
                            制建设的意见》的通知各省、自治区、直辖市高级人民法院，新疆维吾尔自治区高级
                            人民法院生产建设兵团分院；中国证监会各派出机制...</article>

                        <small class="wind-bt">
                            <span>来源：中国证监会</span>
                            <span>作者：中国证监会创建</span>
                            <span>浏览：<i class="red">1299</i></span>
                        </small>
                    </a>
                </li>
                <li>
                    <a href="">
                        <h4 class="wind-tit">最高人民法院 中国证券监督管理委员会 关于全面推进证券期货纠纷多元化
                            解机制建设的意见</h4>
                        <article class="win-con">最高人民法院中国证券监督管理委员会印发《关于全面推进证券期货纠纷多元化解机
                            制建设的意见》的通知各省、自治区、直辖市高级人民法院，新疆维吾尔自治区高级
                            人民法院生产建设兵团分院；中国证监会各派出机制...</article>

                        <small class="wind-bt">
                            <span>来源：中国证监会</span>
                            <span>作者：中国证监会创建</span>
                            <span>浏览：<i class="red">1299</i></span>
                        </small>
                    </a>
                </li>
                <li>
                    <a href="">
                        <h4 class="wind-tit">最高人民法院 中国证券监督管理委员会 关于全面推进证券期货纠纷多元化
                            解机制建设的意见</h4>
                        <article class="win-con">最高人民法院中国证券监督管理委员会印发《关于全面推进证券期货纠纷多元化解机
                            制建设的意见》的通知各省、自治区、直辖市高级人民法院，新疆维吾尔自治区高级
                            人民法院生产建设兵团分院；中国证监会各派出机制...</article>

                        <small class="wind-bt">
                            <span>来源：中国证监会</span>
                            <span>作者：中国证监会创建</span>
                            <span>浏览：<i class="red">1299</i></span>
                        </small>
                    </a>
                </li>
                <li>
                    <a href="">
                        <h4 class="wind-tit">最高人民法院 中国证券监督管理委员会 关于全面推进证券期货纠纷多元化
                            解机制建设的意见</h4>
                        <article class="win-con">最高人民法院中国证券监督管理委员会印发《关于全面推进证券期货纠纷多元化解机
                            制建设的意见》的通知各省、自治区、直辖市高级人民法院，新疆维吾尔自治区高级
                            人民法院生产建设兵团分院；中国证监会各派出机制...</article>

                        <small class="wind-bt">
                            <span>来源：中国证监会</span>
                            <span>作者：中国证监会创建</span>
                            <span>浏览：<i class="red">1299</i></span>
                        </small>
                    </a>
                </li>
                <li>
                    <a href="">
                        <h4 class="wind-tit">最高人民法院 中国证券监督管理委员会 关于全面推进证券期货纠纷多元化
                            解机制建设的意见</h4>
                        <article class="win-con">最高人民法院中国证券监督管理委员会印发《关于全面推进证券期货纠纷多元化解机
                            制建设的意见》的通知各省、自治区、直辖市高级人民法院，新疆维吾尔自治区高级
                            人民法院生产建设兵团分院；中国证监会各派出机制...</article>

                        <small class="wind-bt">
                            <span>来源：中国证监会</span>
                            <span>作者：中国证监会创建</span>
                            <span>浏览：<i class="red">1299</i></span>
                        </small>
                    </a>
                </li>
            </ul>


        </div>

        <div class="page-pagination noborder">
            <ul>
                <li><a href="" class="prev-page">上一页</a></li>
                <li><a href="">1</a></li>
                <li><a href="">2</a></li>
                <li><a href="" class="active">3</a></li>
                <li><a href="">...</a></li>
                <li><a href="">8</a></li>
                <li><a href="">9</a></li>
                <li><a href="">10</a></li>
                <li><a href="" class="next-page">下一页</a></li>
            </ul>

        </div>

    </div>



    <!-- 主体-end -->
    <!-- footer -->
    <footer class="pg-footer">
        <div class="wid">
            <div class="ft-left">
                <ul class="ft-nav clearfix">
                    <li>
                        <a href="about.html">关于我们</a>
                    </li>
                    <li>
                        <a href="contact.html">联系方式 </a>
                    </li>
                    <li>
                        <a href="#login-modal" data-toggle="modal" class="logo-btn">客户登录</a>
                    </li>
                    <li>
                        <a href="join.html">校园招聘</a>
                    </li>
                </ul>
                <div class="copyRight">
                    Copyright © 云水泉（北京）资产管理有限公司版权所有 京ICP备10040000053号 京公网安备110102000008

                </div>
            </div>
            <div class="ft-right">
                <ul>
                    <li>
                        <i class="ft-icon icon_weixin"></i>
                        <dl>
                            <img src="./images/weixin.jpg" />
                        </dl>

                    </li>
                    <li>
                            <a href="">
                                    <i class="ft-icon icon_weibo"></i>
                                  </a>
                    </li>
                </ul>

            </div>
        </div>
    </footer>
    <!--footer-end-->

    <!-- login -->
    <div class="modal fade login-modal" id="login-modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close" data-dismiss="modal"><i class="iconfont icon-guanbi"></i></div>
                <div class="login-box">
                    <header class="login-title">客户登录</header>
                    <form action="center.html">
                        <div class="form-list">
                            <input type="text" placeholder="请输入账号/手机号" class="form-text" />
                        </div>
                        <div class="form-list">
                            <input type="password" placeholder="请输入密码" class="form-text" />
                        </div>
                        <div class="form-list">
                            <button class="login-btn">立即登陆</button>
                        </div>
                        <div class="form-list"> <a href="find-password.html" class="find-btn">找回密码</a></div>
                        <div class="form-list"> <a href="register.html" class="register-btn">立即注册</a></div>
                        <div class="form-list">
                            <p class="no-code">还没账号，<a href="register.html">请注册</a></p>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- login-end -->

    <script src="js/jquery.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/common.js"></script>
    <script>
        $(".pg-header .nav ul li").eq(5).addClass("active");
    </script>
</body>

</html>